<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/user/userManage.css">
    <script src="../../js/jquery.js"></script>
    <script src="../../js/user/userManage.js"></script>
</head>
<body>
<div class="search">
    <div>
        <div>用户名：</div>
        <div><input type="text" id="username"></div>
    </div>
    <div>
        <div>电话：</div>
        <div><input type="text" id="phone"></div>
    </div>
    <div>
        <div>邮箱：</div>
        <div><input type="text" id="email"></div>
    </div>
    <div>
        <div>生日：</div>
        <div><input type="date" id="startBirthday">
            <input type="date" id="endBirthday"></div>
    </div>
    <div>
        <div>性别：</div>
        <div>
            <select id="sex">
                <option value="全部">全部</option>
                <option value="女">女</option>
                <option value="保密">保密</option>
                <option value="男">男</option>
            </select>
        </div>
    </div>

    <div>
        <div>爱好：</div>
        <div>
            <div><label><input type="checkbox" name="hobby" value="乒乓球">乒乓球</label></div>
            <div><label><input type="checkbox" name="hobby" value="羽毛球">羽毛球</label></div>
            <div><label><input type="checkbox" name="hobby" value="篮球">篮球</label></div>
            <div><label><input type="checkbox" name="hobby" value="足球">足球</label></div>
        </div>
    </div>
    <div>
        <div>转态：</div>
        <div>
            <label><input type="radio" name="enable" value="-1" checked="checked">全部</label>
            <label><input type="radio" name="enable" value="1">正常</label>
            <label><input type="radio" name="enable" value="0">异常</label>
        </div>
    </div>
    <div>
        <input type="button" value="搜索" onclick="findAll()">
        <input type="button" value="清空" onclick="clearContent()">
    </div>
</div>
<div class="myTable">
    <div class="myTitle">
        <div>id</div>
        <div>用户名</div>
        <div>电话</div>
        <div>邮箱</div>
        <div>生日</div>
        <div>性别</div>
        <div>爱好</div>
        <div>状态</div>
        <div>操作</div>
    </div>
    <div class="myBody">

    </div>
</div>
<!--<div id="page" class="page">-->
<!--    <div>-->
<!--        <div onclick="page(this)">首页</div>-->
<!--        <div onclick="page(this)">上一页</div>-->
<!--        <div id="numPage">-->
<!--&lt;!&ndash;            <div onclick="page(this)" class="curPage">1</div>&ndash;&gt;-->
<!--&lt;!&ndash;            <div onclick="page(this)">2</div>&ndash;&gt;-->
<!--&lt;!&ndash;            <div onclick="page(this)">3</div>&ndash;&gt;-->
<!--&lt;!&ndash;            <div onclick="page(this)">4</div>&ndash;&gt;-->
<!--&lt;!&ndash;            <div onclick="page(this)">5</div>&ndash;&gt;-->
<!--        </div>-->
<!--        <div onclick="page(this)">下一页</div>-->
<!--        <div onclick="page(this)">尾页</div>-->
<!--    </div>-->

<!--</div>-->
<div id="page" class="page">
    <div>
        每一页显示<input type="text" id="pageSize" value="10" style="width: 50px">条
        总共<span id="countSize"></span>条
        跳转<input type="text" id="curPage" value="1" style="width: 50px">页
        <div onclick="page('goto')">跳转</div>
        <div onclick="page('first')">第一页</div>
        <div onclick="page('last')">上一页</div>
        <div onclick="page('next')">下一页</div>
        <div onclick="page('end')">尾页</div>
    </div>
</div>
<div id="alertWindow" class="alertWindow">
    <div class="title">
        <div id="title">密码修改</div>
        <div onclick="closeWindow()">X</div>
    </div>
    <div id="content"></div>
</div>
</body>
</html>